import React, { ReactNode, useState } from 'react';
import { Button } from 'antd';
import QFModal from './../index';

function ModalDetailDemo() {
  const [open, setOpen] = useState(false);

  return (
    <>
      <Button
        onClick={() => {
          setOpen(true);
        }}
      >
        打开弹窗
      </Button>

      <QFModal
        title="标题"
        open={open}
        onCancel={() => setOpen(false)}
        onOk={() => setOpen(false)}
      >
        {testStr}
      </QFModal>
    </>
  );
}

export default ModalDetailDemo;

const testStr = `主内容区域主内容区域主内容区域主内容区域主内容区域主内容区域主内容区域主
内容区域主内容区域主内容区域主内容区域主内容区域主内容区域
主内容区域主内容区域主内容区域主内容区域主内容区域主内
容区域主内容区域主内容区域主内容区域主内容区域主内容区
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
域主内容区域主内容区域主内容区域主内容区域主内容区域
主内容区域`;
